@import "partials/mixins";
#main {
  width: 100%;
  height: 100%;
  background: url('~img/main.jpg') no-repeat top center; // background: url('~img/senglin2.png') no-repeat top center;
  background-size: cover;
  .header {
    position: relative;
    height: 24px;
    line-height: 24px;
    color: #fff;
    font-size: 13px;
    text-align: center;
    background-color: #000;
    opacity: 0.8;
    .day {
      padding-right: 10px;
    }
    .hour {
      width: 75px;
      background-color: #fff;
      color: #000;
    }
    .time {
      height: 16px;
      line-height: 16px;
      width: 40px;
      background-color: #fff;
      color: #000;
      margin: 2px 4px 0;
      box-shadow: 4px 4px 0 #999;
    }
    .title {
      text-align: left;
      color: #fff;
      font-size: 14px;
      padding-left: 13px; // background-color: #187349;
      // border-bottom-right-radius: 20px;
      // border-top-left-radius: 5px;
      background: url('~img/titlebg.png') no-repeat center center;
      background-size: 100% 100%;
    }
  }
  #mainBody {
    position: relative;
  }
  #mainContent {
    height: 470px;
    position: relative;
  }
  .logHead {
    height: 30px;
    .logTitle {
      color: #94392F; // background-color: #120C0A;
      background-color: #000;
      padding: 0 5px;
      height: 30px;
      line-height: 30px;
      width: 60px;
      box-shadow: 2px 0px 10px #322;
      .log-book {
        width: 25px;
        height: 25px;
        background: url('~img/book.png') center center no-repeat;
        background-size: 100% 100%;
      }
    }
  }
  .log {
    position: relative;
    width: 100%;
    transition: height .3s linear;
    background-color: #000;
    .logContent {
      padding-left: 10px; // margin: 10px;
      // padding-top: 20px;
      width: 100%;
      height: 95%;
      overflow: auto;
      color: #fff;
      top: 5%;
    }
  }
  .menu {
    height: 30px;
    box-shadow: 0px 2px 10px #322 inset;
    background-color: #00A185;
    .menu-item {
      // background-color: #ccc;
      padding: 0 5px;
      padding-top: 2px;
      color: #eee;
      border-bottom: 3px solid #eee;
      margin-left: 5px;
      &.menuActive {
        background-color: #000;
        color: #ECCE3C;
        box-shadow: 3px 0px 3px #000 inset, -3px 0px 3px #000 inset;
        border-bottom-width: 0px;
      }
      .fonts {
        margin-right: 2px;
        font-size: 12px;
        color: #ECCE3C;
      }
      .bag-icon {
        width: 22px;
        height: 16px;
        background: url('~img/bag.png') no-repeat center center;
        background-size: 16px 16px;
      }
      .team-icon {
        margin-right: 5px;
        width: 16px;
        height: 16px;
        background: url('~img/team.png') no-repeat center center;
        background-size: 16px 16px;
      }
    }
  }
}